<!DOCTYPE html>
<html>
<head>
 <script src=../js/jquery-2.1.0.js></script>     
     <script src=../js/validCampoFranz.js></script>
       <script type="text/javascript">
            $(function(){
                //Para escribir solo letras
                $('.miCampo1').validCampoFranz(' abcdefghijklmnÃ±opqrstuvwxyzÃ¡Ã©iou');

                //Para escribir solo numeros    
                $('.miCampo2').validCampoFranz('0123456789');    
            });
        </script>  
<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>.:TecnoEmpleo:.</title>
        <meta name="description" content="TecnoEmpleo te ayuda a crecer">
        <link rel="stylesheet" href="../css/estiloRegistrar_Admin.css"> 
        <script src="//use.edgefonts.net/raleway.js"></script>
    
    <style type="text/css">
	.auto-style1 {
		text-align: right;
	}
	</style>

    
    <body>
        <!--CONTENEDOR GENERAL-->
    
        <div id="contenedorGeneral">
            
            <!--HEADER-->
            <div id="cabecera">
            <div id="head">
                <a href="#index.html" id="logo"></a>
                
                <!--MENU DE NAVEGACIÃƒÆ’Ã¢â‚¬Å“N-->
                
                <div id="esquinaizq">
                    <nav>
                        <ul id="menu_principal">
                            <li><a href="#">INICIO</a></li>
                            <li><a href="#">QUIENES SOMOS</a></li>
                            <li><a href="#">OFERTAS</a>
                                <ul id="sub_menu_oferta">
                                    <li><a href="#">Ofertas para Practicantes</a></li>
                                    <li><a href="#">Ofertas para Egresados</a></li>                                                     
                                </ul><!--Fin de la Ul sub menu Ofertas-->
                            </li>
                            <li><a href="#">EMPRESAS</a>
                                <ul id="sub_menu_empresa">
                                    <li><a href="#">Consultar lista de Empresas</a></li>
                                    <li><a href="#">Registre su Empresa</a></li>                                                     
                                </ul><!--Fin de la Ul sub menu Empresas-->
                            
                            </li>
                            <li><a href="#">REGISTRATE</a>
                                <ul id="sub_menu_registro">
                                    <li><a href="#">Ingresa aqui si eres Estudiante</a></li>
                                    <li><a href="#">Ingresa aqui si eres Egresado</a></li>                                                     
                                </ul><!--Fin de la Ul sub menu Registro-->
                            
                            </li>
                            <li><a href="#">TERMINOS Y CONDICIONES</a></li>
                        </ul><!--Fin de la Ul menu navegacion-->
                    </nav><!--Fin del nav-->
                </div><!--Fin del esquinaizq-->
                
                <!--CAJA DE BUSQEUDA-->
                
                <div id="contenedor_busqueda">
                    <form action="" method="get" class="right">
                                        
                            <input name="name" type="text" id="oferta_buscar" placeholder="Buscar Oferta..." maxlength="100" autocomplete="off" role="textbox" class="caja_busqueda">
                                
                    </form>
                    
                </div><!--Fin del contenedor_busqueda-->
                <div id="bannerPublicitario"></div><!--Fin del banner_Publicitario--> 
            </div><!--Fin del Head-->
            </div> <!--FIN DE LA CABECERA-->
            
            <!--CONTENIDO DE LA PAGINA-->
            
            <div id="contenido">
            
               
                <div id="contenido_principal">
                
                    <div class="titulo_seccion">
                        <p class="titulo">REGISTRO ADMINISTRADOR</p>
                        <p class="subtitulo"></p>
                    
                    </div><!--Fin del titulo seccion-->
                    <div id="contenido_seccion">
                                           </center>
<br/>
* Los campos marcados con asterisco, son obligatorios.</p>


<div>
<br/>
<h1 id="datos">	DATOS PERSONALES</h1>
</div>

<div id="datos1" >
<center>
<form action="/proyectoHojaDeVida/vistas/jspController/registrarAdministrador.jsp" method="post">
<table width="872" height="354" id="tabla">
<td width="333" height="316" class="auto-style1">
  <p>
    <label>*Nombre     </label>
    <input type="text" name="nombre" required class="miCampo1"/>
  </p>
  <p>    <br/>
    <label>*Fecha de Nacimiento </label>
    <input type="date" name="fechanacimiento" />
    </p>
  <p><br/>
    <label>*Tipo de Identificacion&nbsp; </label>
    <select>
  <option value="Cedula">Cedula</option>
  
  </select>
  <br/>
    <br/>
    <label>*No. Identificacion&nbsp; </label>
    <input type="text" name="id" required class="miCampo2" />
    </p>
    <p><br>
    <label>*Barrio </label>
    <input type="text" name="barrio" required class="miCampo1" />
  </p>
  <p><br>
    <label>*Calle </label>
    <input type="text" name="calle" required class="miCampo1" />
  </p>
  <p><br>
    <label>*Manzana </label>
    <input type="text" name="manzana" required class="miCampo1" />
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  
</td>
<td width="436" class="auto-style1">
    <p><br>
    <label>*Primer Apellido </label>
    <input type="text" name="apellido1" required class="miCampo1" />
  </p>
  <p><br/>
    <label>Segundo Apellido </label>
    <input type="text" name="apellido2" class="miCampo1" />
  </p>
    <p><br/>
    <label>*Email&nbsp; </label>
    <input type="text" name="email" placeholder="ejemplo@ejemplo.com" required />
  </p>
  <p><br/>
    <label>  *Telefono</label>	
    <input type="text" name="telefono" required class="miCampo2"/>
  </p>
  <p><br/>
    
    <label>*Sexo&nbsp; </label>
    <select name="sexo">
  <option value="Masculino">Masculino</option>
  <option value="Femenino">Femenino</option>
  </select>
    <br/>
  </p>
  <p><br/>
    <label> Ciudad</label> 
    <input type="text" name="ciudad" >
  </p>
  <p>&nbsp;</p>
  <p>
    <input type="submit"name="Registrar_Admin" value="REGISTRAR" required />
  </p>
</td>

</table>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</center>  
             </div>    
                    </div><!--Fin de contenido seccion-->
                </div><!--Fin del Contenido principal-->
                <div class="footer" id="footer">
                    <ul class="opciones_footer">
                        <li class=""><a href="#">Ofertas</a></li>
                        <li><a href="#">Contactenos</a></li>
                        <li><a href="#">Empresas</a></li>
                        <li><a href="#">Terminos y Condiciones</a></li>
                        
                        
                    
                    </ul>
                
                </div>
            </div><!--Fin del Contenido-->
            
        </div><!--Fin del Contenedor General-->
    
</body>
</html>